import React, { Component } from 'react';

class Formone extends Component {
    //  创建ref 容器
    username=React.createRef();
    pwd=React.createRef();

    //  非受控组件  :   获取的表单数据 不被state管理
    //  受控组件    :   获取的表单数据 被 state 管理

    //  创建登录 方法
    login=()=>{
        let username=this.username.current.value;
        let pwd=this.pwd.current.value;
        alert(`账号是${username},密码是${pwd}`);
    }

    render() {
        return (
            <>
                
                <input type="text" ref={this.username} placeholder='账号'/><br /><br />
                <input type="password" ref={this.pwd} placeholder='密码' /><br /><br />
                <button onClick={this.login}>登录</button>
            </>
        );
    }
}

export default Formone;